<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>test</title>
	<link rel="stylesheet" href="./css/test.css">
</head>
<body>
	<div class="main">
		<div class="pagePanelBox">
			<div class="panelTop">
				<label class="panelTitle">选择页面内容</label>
				<label class="panelClose">X</label>
			</div>
			<div class="panelMain">
				<div class="mainItem panelNav">
					<ul>
						<li class="panelNavActive" for=".fieldContainer">All Field</li>
						<li for=".ueboxContainer">All UEBOX</li>
					</ul>
				</div>
				<div class="mainItem panelContext">
					<div class="contextItem fieldContainer">
						<div class="checkAll"><label class="checkText"><input type="checkBox"><span>全选</span></label></div>
						<ul class="fieldList">
							<li class="fieldItem">
								<label class="checkText"><input type="checkBox"><span>id</span></label>
							</li>
							<li class="fieldItem">
								<label class="checkText"><input type="checkBox"><span>name</span></label>
							</li>
							<li class="fieldItem">
								<label class="checkText"><input type="checkBox"><span>address</span></label>
							</li>

						</ul>
						<div class="panelScroll">
							<div class="scrollSilder"></div>
						</div>
					</div>
					<div class="contextItem ueboxContainer">
						<div class="checkAll"><input type="checkBox"><label class="checkText">全选</label></div>
						<ul class="ueboxList">
							<li class="ueboxItem">
								<label class="checkText"><input type="checkBox"><span>全选</span></label>
							</li>
						</ul>
						<div class="panelScroll">
							<div class="scrollSilder"></div>
						</div>
					</div>
				</div>
			</div>
			<div class="panelBottom">
				<input type="button" name="" class="panelCancel" value="cancel">
				<input type="button" name="" class ="panelSure" value="sure">
			</div>
		</div>
	</div>
	
</body>
</html>